<? include("/inc/header.html") {} ?>
	<div class="page-content" style="margin-top: -15px;">
		<div class="row mbl" >
			<div class="col-lg-12">
				<table style="width: 100%;font-size: 13px;">
					<tr height="50">
						<td align="right" style="width: 100px;">手机号:&nbsp;&nbsp;</td>
						<td><input type="text"  class="form-control" id="telephone" name="telephone" /></td>
						<td align="right" style="width: 100px;">内容:&nbsp;&nbsp;</td>
						<td><input type="text"  class="form-control" id="content" name="content" /></td>
						<td align="right" style="width: 100px;"><button type="button" data-toggle="dropdown" class="btn btn-blue dropdown-toggle" onclick="get()">查询</button></td>
					</tr>
				</table>
				<button class="btn btn-sm btn-blue" onclick="del('0')">批量删除 </button>&nbsp;&nbsp;
			</div>
		</div>

		<table
			class="table table-hover table-striped table-bordered table-advanced tablesorter mbn"  style="font-size: 13px;">
			<thead>
				<tr>
					<th> <input type="checkbox" onclick="selectAll(this)" class="checkall" name="oncheckall" /></th>
					<th>序号</th>
					<th>手机号</th>
					<th>内容</th>
					<th>创建时间</th>
					<th>可操作</th>
				</tr>
			</thead>
			<tbody id="findUser">
				<!-- <tr>
					<td><input name="checkall" type="checkbox"/></td>
					<td>1</td>
					<td>15652301163</td>
					<td>老师讲解的有点急，请注意..</td>
					<td>2019-11-08</td>
					<td>
						<button type="button" class="btn btn-default btn-xs"/>删除</button>&nbsp;
					</td>
				</tr> -->
			</tbody>
		</table>
		<div id="page2" style="text-align: center; margin-top: 20px;"></div>
		<div id="dataNull" class="panel-body"
				style="height: 90px; line-height: 50px;" align="center">
		</div>
		<input type="hidden" id="id" value="${id}"/>
	</div>


<script>
	var curr;
	$(function() {
		demo1(1);
	});
	function get() {
		demo1(curr);
	}
	function feedback(id,valueContent){
		  parent.layer.prompt({title: '回复',value: valueContent, formType: 2}, function(text, index){
    			parent.layer.close(index);
    			$.ajax({
					type : "post",
					url : "./classesOnlineCommentFeedbackSave.do",
					data : {
						"id" : id,
						"feedback" : text,
					},
					dataType : "json",
					success : function(data) {
						layer.msg(data[0].msg);
						demo1(curr);
					},
					error : function(data) {
						alert("请求失败");
					}
				});
  		});
	}
	function showContent(content){
		layer.open({
		  type: 1,
		  shade: false,
		  title: false, //不显示标题
		  content: content, //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
		  cancel: function(){
		  }
		});
	}
	function del(id) {
		if (confirm("是否确认删除！！"))
		{
			if(id=='0'){
				id='';
				$("#findUser").find("input[name='checkall']").each(function(){
					if($(this).prop("checked")){
						id+=$(this).val()+';'
					}
					
				});
			}
			if(id!=null && id != '0'){
				$.ajax({
					type : "post",
					url : "./classesOnlineCommentDel.do",
					data : {
						"ids" : id
					},
					dataType : "json",
					success : function(data) {
						demo1();
						layer.msg('删除成功');
					},
					error : function(data) {
						alert("请求失败");
					}
				});
			}
		}
	}
	function demo1(cur) {
		$.getJSON("./classesOnlineCommentList.do",
			{
				page : cur || 1,
				pageSize:10,
				classesOnlineId:$("#id").val(),
				content:$("#content").val(),
				telephone:$("#telephone").val(),
			},
			function(res) {
				//此处仅仅是为了演示变化的内容
				var str = "";
				$("#findUser").html("");
				if(res.listsize>0){
					$("#dataNull").html("");
				}else{
					$("#dataNull").html("<span class='subtitle' style='font-size: 15px;'>数据为空!</span>");
				}
				for ( var i = 0; i < res.listsize; i++) {
					str += "<tr><td>"
							+ '<input name="checkall" type="checkbox" value="'+res.result[i].id+'"/>'
							+ '</td><td>'
							+ (i + 1)
							+ "</td><td> <label id=>"
							+ res.result[i].telephone
							+ '</label></td><td title="'+res.result[i].content+'"><label>'
							+ (res.result[i].content==null?'':(res.result[i].content.substring(0,20)+'...'))
							+ "</label></td><td><label >"
							+ res.result[i].createTime
							+ "</label></td><td>"
							+ "<button type=\"button\" class=\"btn btn-default btn-xs\"onclick=\"del('"
							+ res.result[i].id
							+ "')\">"
							+ "删除"
							+ "</button>&nbsp;"
							+ "<button type=\"button\" class=\"btn btn-default btn-xs\"  onclick=\"feedback('"
							+ res.result[i].id
							+ "','"+res.result[i].feedback+"')\">"
							+ "回复"
							+ "</button>" + "</td></tr>";
				}
				$("#findUser").append(str);
				
				laypage({
					cont : document.getElementById('page2'), //容器。值支持id名、原生dom对象，jquery对象,
					pages : res.pageSize, //总页数
					skip : true, //是否开启跳页
					skin : 'molv', //加载内置皮肤，也可以直接赋值16进制颜色值，如:#c00
					curr: cur || 1,
					last: res.pageSize,
					groups : 6,//连续显示分页数
					jump : function(obj, first) { //触发分页后的回调
						if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr
							demo1(obj.curr);
			                 curr=obj.curr;
						}
					}
				});
			});
	};

</script>